<!--
 * @Author: your name
 * @Date: 2021-12-31 16:09:53
 * @LastEditTime: 2022-02-28 16:17:20
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue\vue-douban-pc\src\components\InformationSidebar.vue
-->
<template>
    <div class="sidebar">
        <el-row class="tac heightall" >
            <el-col :span="4" class="heightall">
                <el-menu
                    default-active="/userinfo"
                    class="el-menu-vertical-demo heightall"
                    @open="handleOpen"
                    @close="handleClose"
                    router
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b"
                >
                    <el-submenu index="1">
                        <template slot="title">
                            <i class="el-icon-user"></i>
                            <span>我的资料</span>
                        </template>
                        <el-menu-item-group>
                            <template slot="title">Information</template>
                            <el-menu-item index="/userinfo">个人信息</el-menu-item>
                            <el-menu-item index="/userinfo/updateinfo">修改个人信息</el-menu-item>
                            <el-menu-item index="/userinfo/pwupdate">修改密码</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-menu-item index="/userinfo/adminmovies">
                        <i class="el-icon-money"></i>
                        <span slot="title">管理电影</span>
                    </el-menu-item>
                    <el-menu-item index="/userinfo/adminbarrage" >
                        <i class="el-icon-chat-dot-round"></i>
                        <span slot="title">管理弹幕</span>
                    </el-menu-item>
                    <el-menu-item index="/userinfo/admincomment">
                        <i class="el-icon-chat-line-square"></i>
                        <span slot="title">管理评论</span>
                    </el-menu-item>
                    <el-menu-item index="/userinfo/adminuser">
                        <i class="el-icon-s-custom"></i>
                        <span slot="title">管理用户</span>
                    </el-menu-item>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: 'VueInformationsidebar',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

.sidebar{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.heightall{
    height: 100%;
}
</style>